.index {
    width: 100%;
    margin: 0 auto;
    padding-top: .6rem;
    padding-bottom: 1rem;
    background: #f7f7f7;
}


.indexs {
    display: flex;
    justify-content: space-between;
    width: 14rem;
    margin: 0 auto;
}

.index-1 {
    position: relative;
    z-index: 9;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: .36rem;
    color: #222222;
    text-align: left;
    font-style: normal;
    text-transform: none;
    padding-top: .5rem;
}

.index-2 {
    position: relative;
    z-index: 9;
    padding-top: .15rem;
    width: 4.46rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: .18rem;
    color: #575757;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.index-3 {
    position: relative;
    z-index: 9;
    padding-top: .45rem;
    padding-bottom: 1.01rem;
    /* display: flex; */
    width: 6.35rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: .18rem;
    color: #000000;
    line-height: .30rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.index-3 a {
    display: inline;
    width: 1.08rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: .16rem;
    color: #3473BF;
    line-height: .41rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.index-4 {
    display: flex;
    column-gap: 0.02rem;
}

.index-4 button {
    background: #363837;
    border-radius: 0rem;
    border: none;
    transition: background-color .7s ease-in-out;
    margin: 0;
}

.index-4 button a {
    padding: .22rem .38rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: .18rem;
    color: #FFFFFF;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.index-4 button:hover {
    background-color: #3473BF;
}


.index-right {
    width: 7rem;
    height: 4.95rem;
    position: relative;
    cursor: pointer;
}

.index-right video {
    width: 100%;
    height: 100%;
}

.index-right-img {
    width: .6rem;
    height: .48rem;
    position: absolute;
    top: 2.42rem;
    left: 3.2rem;
}

.index-right-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.indexs-1 {
    width: 100%;
    height: 5.7rem;
    background: url(../img/index/index1.png) no-repeat;
    background-size: 100% 100%;
}

.index-5 {
    width: 14rem;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.index-5-1 {
    padding: .7rem 0 .32rem 0;
    width: 3.04rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: .36rem;
    color: #FFFFFF;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.index-5-2 {
    width: 9.2rem;
    display: flex;
    justify-content: space-between;
}

.index-5-ul {
    display: flex;
    width: 20%;
    flex-direction: column;
    align-items: center;
}

.index-5-li-1 {
    /* width: .48rem; */
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: .22rem;
    color: #FFFFFF;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.index-5-li-2 {
    /* width: .64rem; */
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: .16rem;
    color: #FFFFFF;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.index-5-border {
    width: 0;
    height: 0.5rem;
    border: 0.01rem solid #FFFFFF;
}

.index-5-3 {
    margin-top: 2.2rem;
    width: 14rem;
    display: flex;
    justify-content: space-between;
}

.index-5-31 {
    display: flex;
    align-items: center;
}

.index-5-img {
    width: .7rem;
    height: .8rem;
}

.index-5-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.index-5-3-ul {
    padding-left: .18rem;
    display: flex;
    flex-direction: column;
}

.index-5-3-li1 {
    width: .88rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: .22rem;
    color: #FFFFFF;
    text-align: left;
    font-style: normal;
    text-transform: none;
    white-space: nowrap;
    /* 确保文本不会换行 */
    overflow: hidden;
    /* 隐藏溢出容器的文本 */
    text-overflow: ellipsis
}

.index-5-3-li2 {
    width: 2.90rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: .16rem;
    color: #FFFFFF;
    line-height: .24rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.index-left {
    position: relative;
}

.index-6 {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 1.08rem;
    color: #EBEBEB;
    text-align: left;
    font-style: normal;
    text-transform: none;
    position: absolute;
    top: 0;
    left: -2.69rem;
    z-index: 1;
}

.index-6 {
    width: 5.76rem;
    height: 1.42rem;
}

.index-6 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.indexs-2 {
    width: 14rem;
    margin: 0 auto;
}

.home_case {
    padding: 3.5% 0 5%;
    overflow: hidden;
}

.home_case .big_top {
    margin-top: 3%;
}

.home_case .big_top .item {
    position: relative;
    width: 49.4%;
    height: 5rem;
    overflow: hidden; 
}
.home_case .big_top .item a{
    height: 80%;
    margin-top: 0.2rem;
}
.home_case .big_top .item .img {
    position: relative;
    padding-bottom: 64%;
    width: 6.92rem;
    height: 80%;
    /*overflow: hidden; */
}

.home_case .big_top .item .img img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    transition: all .3s linear;
}

.home_case .big_top .item:hover .img img {
    transform: translate(-50%, -50%) scale(1.1); 
    /*height: 4.7rem;*/
}

.home_case .big_top .item .txt {
    position: absolute;
    padding: 2% 3.5%;
    right: 0;
    bottom: 8%;
    width: 94%;
    max-width: 3.53rem;
    box-sizing: border-box;
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    font-size: .20rem;
}

.home_case .big_top .item .txt span {
    display: inline-block;
    font-size: .30rem;
    margin-right: .10rem;
}

.home_case .big_top .item .txt p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.home_case .small_bottom {
    margin-top: .20rem;
}

.home_case .small_bottom .flx_w {
    justify-content: flex-start;
}

.home_case .small_bottom .item {
    position: relative;
    margin-right: 1.06%;
    width: 24.2%;
    overflow: hidden;
    height: 2.5rem;
}
.home_case .small_bottom .item a{
    height: 80%;
    margin-top: 0.2rem;
}
.home_case .small_bottom .item:nth-last-child(1) {
    margin-right: 0;
}

.home_case .small_bottom .item .img {
    position: relative;
    padding-bottom: 64%;
    width: 100%;
    height: 0;
    /* overflow: hidden; */
}

.home_case .small_bottom .item .img img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    transition: all .3s linear;
}

.home_case .small_bottom .item:hover .img img {
     transform: translate(-50%, -50%) scale(1.1); 
}

.home_case .small_bottom .item .txt {
    position: absolute;
    padding: 2% 3.5%;
    right: 0;
    bottom: 6%;
    width: 94%;
    max-width: 3.53rem;
    box-sizing: border-box;
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    font-size: .20rem;
}

.home_case .small_bottom .item .txt span {
    display: inline-block;
    font-size: .30rem;
    line-height: .10rem;
    margin-right: .10rem;
}

.home_case .small_bottom .item .txt p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


.tit {
    width: 1.44rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: .36rem;
    color: #222222;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.flx_w {
    display: flex;
    justify-content: space-between;
}

.slogan {
    width: 4.86rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: .18rem;
    color: #575757;
    text-align: center;
    font-style: normal;
    text-transform: none;
    padding-top: .1rem;
}

.idx_title {
    display: flex;
    align-items: center;
    flex-direction: column;
}




.indexs-3 {
    width: 14rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: .15rem;
}

.indexs-3-img {
    width: 2.60rem;
    height: 1.60rem;
    background: #FFFFFF;
    border-radius: 0;
    border: 0.01rem solid #E4E4E4;
    transition: transform .3s ease-in-out;
    cursor: pointer;
}

.indexs-3-img:hover {
    border: #E4E4E4 solid 0.01rem;
    background: #FFFFFF;
    box-shadow: 0rem 0rem 0.09rem 0.01rem rgba(0, 0, 0, 0.16);
    border-radius: 0rem 0rem 0rem 0rem;
    transform: translateY(-0.1rem);
}
.indexs-3-img1 {
    width: 2rem;
    height: 1rem;
    margin: .3rem;
}

.indexs-3-img1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.indexs-4 {
    width: 14rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 1rem;
    position: relative;
    z-index: 0;
}

.indexs-4-title {
    padding-top: .7rem;
    width: 1.44rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: .36rem;
    color: #222222;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.indexs-4-titles {
    padding-top: .1rem;
    width: 1.8rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: .18rem;
    color: #575757;
    text-align: center;
    font-style: normal;
    text-transform: none;
    padding-bottom: .4rem;
}


.indexs-4-swiper {
    width: 100%;
    position: relative;
}

.swipers {
    width: 100%;
    height: 100%;
}

.newswiper-slide {
    text-align: center;
    font-size: .18rem;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.newswiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.indexs-4-content {
    width: 4.35rem;
    height: 4rem;
    /* background: #FFFFFF;
    box-shadow: 0rem 0rem 0.06rem 0.01rem rgba(0, 0, 0, 0.16); */
    border-radius: 0rem 0rem 0rem 0rem;
}

.indexs-4-content-top {
    width: 4.35rem;
    height: 2.6rem;
}

.indexs-4-content-top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.swiper {
    width: 100%;
    height: 100%;
    position: relative !important;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header-3-content {
    width: 100%;
    height: 8.2rem;
}

.swiper-button-next:after {
    position: absolute;
    right: 0.7rem;
    content: '' !important;
    width: .4rem;
    height: .4rem;
    background: url(../img/header/header-next.png) no-repeat;
    background-size: 100% 100%;
}

.swiper-button-prev:after {
    position: absolute;
    left: 0.7rem;
    content: '' !important;
    width: .4rem;
    height: .4rem;
    background: url(../img/header/header-prev.png) no-repeat;
    background-size: 100% 100%;
}


.swiper-pagination-bullet {
    background: #ffffff !important;
    opacity: 1 !important;
    width: 0.08rem !important;
    height: .08rem !important;
}

.swiper-pagination-bullet-active {
    width: .3rem !important;
    height: .08rem !important;
    background: #3473BF !important;
    border-radius: 0.04rem !important;
}






.swiper-button-next1:after {
    position: absolute !important;
    top: 1.75rem !important;
    left: -0.2rem !important;
    width: .5rem !important;
    height: .5rem !important;
    background: url(../img/index/index7.png) no-repeat !important;
    background-size: 100% 100% !important;
    transform: rotate(180deg);
}

.swiper-button-next1:hover:after {
    width: .5rem !important;
    height: .5rem !important;
    background: url(../img/index/index6.png) no-repeat !important;
    background-size: 100% 100% !important;
    transform: rotate(360deg);
}

.swiper-button-prev1:after {
    position: absolute !important;
    top: 1.75rem !important;
    left: 14rem !important;
    width: .5rem !important;
    height: .5rem !important;
    background: url(../img/index/index7.png) no-repeat !important;
    background-size: 100% 100% !important;
}

.swiper-button-prev1:hover:after {
    width: .5rem !important;
    height: .5rem !important;
    background: url(../img/index/index6.png) no-repeat !important;
    background-size: 100% 100% !important;
    transform: rotate(180deg);
}

.swiper-buttons {
    position: absolute;
    top: 0;
}

.mySwiper2 {
    position: relative;
    width: 14rem;
    height: 4.05rem;
    overflow: hidden;
}

.indexs-4-content {
    background: #FFFFFF;
    box-shadow: 0rem 0rem 0.06rem 0.01rem rgba(0, 0, 0, 0.16);
    border-radius: 0rem 0rem 0rem 0rem;
}

.indexs-4-content-bottom {
    height: 1.4rem;
    background: #FFFFFF;
    box-shadow: 0rem 0rem 0.06rem 0.01rem rgba(0, 0, 0, 0.16);
    border-radius: 0rem 0rem 0rem 0rem;
    /*transition: transform 0.5s;*/
    transition: transform 0.5s ease, box-shadow 0.55s ease; 
}

.indexs-4-content-bottom1>.bottom-1,
.indexs-4-content-bottom>.bottom-1  {
    /* width: 4rem */
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: .2rem;
    color: #000000;
    text-align: left;
    font-style: normal;
    text-transform: none;
    padding: 0.2rem 0.25rem 0.4rem 0.25rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 0.7rem;
}

.bottom-2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.24rem 0.25rem 0.35rem 0.25rem;
}

.bottom-2-1 {
    width: .78rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: .14rem;
    color: #575757;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.bottom-2-2 {
    display: flex;
    align-items: center;
}

.bottom-2-2_p1 {
    width: .18rem;
    height: .12rem;
}

.bottom-2-2_p1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bottom-2-2_p2 {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: .14rem;
    color: #575757;
    text-align: right;
    font-style: normal;
    text-transform: none;
}

.bottom-3 {
    /* width: 4rem; */
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: .16rem;
    color: #888888;
    line-height: .20rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin: 0 0.25rem;
    overflow: hidden;
    /* 隐藏超出容器的文本 */
    text-overflow: ellipsis;
    /* 超出内容用省略号代替 */
    display: -webkit-box;
    /* 使用弹性盒子模型 */
    -webkit-line-clamp: 2;
    /* 限制文本行数为2 */
    -webkit-box-orient: vertical;
    /* 盒子中内容竖直排列 */
}

.indexs-4-content:hover .indexs-4-content-bottom {
    transform: translateY(-0.5rem);
    box-shadow: 0rem 0rem 0rem 0rem rgba(0,0,0,0);
}

.indexs-4-content-bottom1 {
    transition: transform 0.5s;
}

.indexs-4-content:hover .indexs-4-content-bottom1 {
    display: none;
}

.indexs-4-content:hover .indexs-4-content-bottom {
    display: block;
}






/*和合作页面相同的功能*/
.modal {
    display: none;
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.8);
    align-content: center;
}

.modal-content {
    /*background-color: #fefefe;*/
    margin: 0 auto;
    padding: 0.2rem;
    width: 80%;
}

.close {
    color: #aaa;
    float: right;
    font-size: 0.35rem;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.model-swiper-next:hover::after,
.model-swiper-prev:hover::after{
    background: rgba(0,0,0,0.8);
}
.model-swiper-next::after{
    /*background: none !important;*/
    content: 'next';
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    position: absolute;
    right: 0.5rem;
    top: 50%;
    color: #F4f4f4;
    cursor: pointer;
    background: rgba(0,0,0,0.29);
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    font-size: 0.28rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.model-swiper-prev::after{
    /*background: none !important;*/
    content: 'prev';
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    position: absolute;
    left: 0.5rem;
    top: 50%;
    color: #F4f4f4;
    cursor: pointer;
    background: rgba(0,0,0,0.29);
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    font-size: 0.28rem;
    display: flex;
    align-items: center;
    justify-content: center;
}